@CHARSET "UTF-8";

* { margin: 0px; padding: 0px; box-sizing: border-box; font-size: 100%;  }

a { text-decoration: none; }
ul, li, ol { list-style: none; }

h6 { font-size:12px;  font-weight: bold; }
h5 { font-size:14px;  font-weight: bold; }
h4 { font-size:16px;  font-weight: bold; } 
h3 { font-size: 18px; font-weight: bold; } 
h2 { font-size: 24px; font-weight: bold; } 
h1 { font-size: 32px; font-weight: bold; }

body {
    height: 100%;
    font-size: 14px;
    font-weight: normal;
    font-family: "Microsoft YaHei", "Source Sans Pro", sans-serif;
    background-image: url(../image/bg2.png);
}

html {
	height: 100%;
}

.wrapper { min-width: 1200px; width: 100%; position: relative; }

.wrapper .sidebar {
	min-height: 100%;
	/* height: 100%; */
	width: 210px;
	background-color: #364050;
	padding: 20px 20px;
	box-shadow: inset -0.1em 0em 0.35em 0em rgba(0,0,0,0.15);
	position: absolute;
    background-image: url(../image/bg1.png);
    color: #929da4;
    text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
    top: 0px;
    left: 0px;
}

.wrapper .sidebar .logo {
	margin-top: 20px;
	display: block;
	background-color: #c94663;
	background-image: url(../image/bg1.png);
    border-radius: 5px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15), 0 0.025em 0.15em 0em rgba(0,0,0,0.25);
    color: white;
    height: 60px;
    line-height: 60px;
    letter-spacing: 2px;
}

.wrapper .sidebar nav {
	margin-top: 40px;
}

.wrapper .sidebar nav ul {
	
}

.wrapper .sidebar nav ul li {
	border-top: 1px solid rgba(0,0,0,0.25);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.075);
	padding: 5px 0px;
	height: 50px;
	line-height: 40px;
}

.wrapper .sidebar nav ul li a {
	display: block;
	border-radius: 5px;
	transition: background-color .25s ease-in-out, color .25s ease-in-out;
	color: #d4dde0;
	font-weight: normal;
}

.wrapper .sidebar nav ul li a:HOVER {
	color: white;
	background-color: rgba(200,225,255,0.1);
}

.wrapper .sidebar nav ul li.selected a {
	color: white;
	background-color: rgba(0,0,0,0.15) !important;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.05), inset 0 0 0.25em 0 rgba(0,0,0,0.25);
}

.wrapper .sidebar nav li {
	text-align: center;
}

.wrapper .sidebar nav li.title {
	box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,0.075);
	border: 0px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}

.wrapper .sidebar nav.control li button {
	height: 32px;
	line-height: 32px;
	width: 140px;
	border-radius: 3px;
	border: 0px;
	cursor: pointer;
	background-color: #DDD;
	transition: background-color .3s, color .3s;
	outline: none;
}

.wrapper .sidebar nav.control li button:HOVER {
	background-color: #c94663;
	color: white;
}

.wrapper .content {
	position: relative;
	margin-left: 210px;
    min-height: 800px;
    height: 100%;
    padding: 0px 0px;
    color: black;
}

.wrapper .content .inner {
	position: relative;
	z-index: 1;
	height: 100%;
}

.float-login-background { width: 100%; height: 100%; background-color: black; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; z-index: 20; position: fixed; left: 0px; top: 0px; display: none; }
.float-login { background-color: white; width: 400px; height: 480px; position: fixed; left:0px; top: 0px; z-index: 100; border: 1px solid #EEE; display: none; -moz-opacity:1; opacity:1;}
.float-login .operate { padding: 15px; height: 30px; }
.float-login .operate .close { background-image: url(../image/common-icons-1.png); background-repeat: no-repeat; height: 30px; background-position: -215px -310px; width: 30px; float: right; cursor: pointer; }
.float-login .title { padding: 0px 40px; }
.float-login .title span { display: inline-block; }
.float-login .title .login { font-size: 25px; }
.float-login .title .register { margin-left: 60px; font-size: 15px; }
.float-login .title .register a { text-decoration: none; }
.float-login .content { height: 300px; padding: 40px; padding-top: 20px; }
.float-login .content p { height: 40px; line-height: 40px; }
.float-login .content .user input { height: 40px; width: 100%; padding-left: 10px; border: 1px solid #DDD; }
.float-login .content .user input:focus { border: 1px solid orange; }
.float-login .content .username { }
.float-login .content .username input { }
.float-login .content .password { margin-top: 10px; }
.float-login .content .password input { }
.float-login .content .login { margin-top: 20px; height: 80px; border-bottom: 1px solid #DDD; }
.float-login .content .login button { border: 0px; background-color: rgb(104, 201, 67); width: 120px; height: 40px; font-size: 20px; color: white; line-height: 40px; cursor: pointer; float:left; }
.float-login .content .login button:hover { background-color: green; }
.float-login .content .login a { float: right; line-height: 40px; text-decoration: none; font-size: 13px; }
.float-login .content .login p { clear: both; color: red; }
.float-login .content .others { margin-top: 40px; }
.float-login .content .others ._title { font-size: 20px; margin-bottom: 10px; }
.float-login .content .others .button { height: 40px; width: 144px; background-repeat: no-repeat; display: inline-block; color: white; font-size: 13px; line-height: 40px; padding-left: 50px; background-position: -5px -5px; }
.float-login .content .others .wb { background-color: rgb(218,56,43); background-image: url(../image/float-login-weibo.png); }
.float-login .content .others .qq { background-color: rgb(48,177,212); background-image: url(../image/float-login-qq.png); margin-left: 20px; }

